From aabc2fa63b70079a62cb6ffb47c1542e6c73286d Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Fri, 15 Mar 2024 21:23:45 +0530
Subject: features: added anime and pretty much completed it. only search
 functionality is left to add

---
 src/app/info/[id]/page.js | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/app/info/[id]/page.js

(limited to 'src/app/info/[id]')

diff --git a/src/app/info/[id]/page.js b/src/app/info/[id]/page.js
new file mode 100644
index 0000000..43b11ac
--- /dev/null
+++ b/src/app/info/[id]/page.js
@@ -0,0 +1,45 @@
+import "../info.css"
+import Image from "next/image";
+import CreateButton from "../buttons";
+
+export default async function AnimeInfo({params}) {
+	let animeID = params.id;
+
+	const info = await getAnimeInfo(animeID);
+
+	return (
+		<div className="dramaInfoContainer">
+			<div className="dramaInfo">
+				{info && (
+					<div>
+						<div className="titleContainer">
+							<p>{info.title}</p>
+							<Image 
+								src={info.image}
+								width={140}
+								height={190}
+								alt="Drama"
+							/>
+						</div>
+						<p className="dramaDescription">
+							{info.description}
+						</p>
+					</div>
+				)}
+
+			<div className="buttonContainer">
+				{info && info.episodes.map((item, index) => (
+					<CreateButton key={index} a={item} />
+				))}
+			</div>
+
+			</div>
+		</div>
+	)
+}
+
+async function getAnimeInfo(anime_id) {
+	const res = await fetch("https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id);
+	const data = res.json();
+	return data;
+}
\ No newline at end of file
-- 
cgit v1.2.3